<!DOCTYPE html>

<html>
<head>

<title>Example 3: Server Overlays </title>

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3&sensor=false"></script>  
<!-- *******************************
Add js path for arcgis link script SRC here
-->

<script type="text/javascript">
/* *******************************
	Exercise 3 - ArcGIS Server Overlays
*/
var map = null;
var dynamap, res;
var geocoder;
var marker = new google.maps.Marker();

function initialize() {
/* *******************************
  Define the geocoder variable here
*/
  	var myLatLng = new google.maps.LatLng(46.5, -94.0);
  	var myOptions = {
	  zoom: 6,
	  center: myLatLng,
	  mapTypeId: google.maps.MapTypeId.ROADMAP
	};
    map = new google.maps.Map(document.getElementById("map"), myOptions);
						
/* *******************************
	Add the map overlay here
*/
} 


</script>



</head>
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0px; padding: 0px }
  #map, #side {
    float: left;
  }
 #side {
  margin-right: 5px;
  padding: 2px 4px;
  text-align: right;
  width: 210px;
  }
  #map {
  width: 750px;
  height: 600px;
  }
</style>
<body onload="initialize()">


<div id="side">
	<p>
		<em id="dResults"></em><br /><br />
		<strong id="demoName"></strong><br />
		<strong id="demoTotalPop"></strong><br />
		<strong id="demoPopDens"></strong><br />
		<em id="other"></em>
	</p>
</div>
  

  
  <div id="map">
  	<noscript><p align="center"><b>JavaScript must be enabled in order for you to use Google Maps.</b> 
      <br/>However, it seems JavaScript is either disabled or not supported by your browser. 
      To view Google Maps, enable JavaScript by changing your browser options, and then 
      try again.</p>
    </noscript>
  </div>


</body>
</html>
